import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';

export default defineConfig({
  //本地运行配置，以及反向代理配置
  server: {
    host: 'localhost',
    open: true, //服务启动时自动在浏览器中打开应用
    port: 9000,
    // 反向代理配置
    proxy: {
      '/api': {
        target: 'https://xxxx.com/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
    https: false, //是否启用 http 2
    cors: true, //为开发服务器配置 CORS , 默认启用并允许任何源
    //设为true时端口被占用则直接退出，不会尝试下一个可用端口
    strictPort: false,
    hmr: true, //禁用或配置 HMR 连接
  },
  plugins: [vue()],
  resolve: {
    alias: [
      //配置别名
      { find: '@', replacement: resolve(__dirname, 'src') },
    ],
    // 情景导出 package.json 配置中的exports字段
    conditions: [],
    // 导入时想要省略的扩展名列表
    // 不建议使用 .vue 影响IDE和类型支持
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'],
  },
  optimizeDeps: {
    //是否强制依赖预构建
    force: true,
  },
});
